<template>
	  <view>
		  <view class="download-card"  v-for="(item,index) in props.list" :key="item.id">
			<up-icon class="download-icon" name="file-text-fill" color="#303133" size="18"></up-icon>
			<view class="download-name">01 {{item.attachmentName}}</view>
			<up-icon name="download" color="#303133" size="18" @click="download(item)"></up-icon>
		  </view>
	  </view>
</template>

<script setup>
import {ref} from 'vue'	
const props = defineProps({
	list: Array
})
const active = ref(0)
const download = (item) => {
	
}
</script>

<style lang="scss" scoped>
.download-card{
  display: flex;
  padding: 20rpx 10rpx;
  align-items: center;
  font-size: 28rpx;
  .download-icon{
	color: #303133;
	padding: 5rpx;
  }
  .download-name{
	  flex: 1;
	  margin-left: 20rpx;
	  margin-right: 20rpx;
	  color: #303133;
  }
}
</style>